.Home
    color: #e2e2e2
    background-size: cover
    background-position: center
    // background-color: #a75c5c
    @media screen and (max-width: 768px)
        // position: fixed
    @media screen and (max-width: 468px)

    .opacity
        background-color: #fff
    .info
        margin: 0 auto
        max-width: 1600px// 1400px
        padding: 20px 40px
        box-sizing: border-box
        height: 934px //755px
        display: flex
        flex-direction: column
        justify-content: center
        @media screen and (max-width: 468px)
            justify-content: flex-start
            padding-top: 240px
            // box-sizing: content-box
            height: 668px //830px
            h1
                margin-top: 148px

        h1, .description
            font-size: 3em
            @media screen and (max-width: 468px)
                font-size: 2em
                margin-top: 0px
        .description
            margin-bottom: 40px
        .genres, .year
            font-size: 1.4em
        .year
            margin-bottom: 20px
.randomMovie
    padding: 40px
    box-sizing: border-box
    width: 100%
    max-width: 1600px
    margin: 0 auto
    display: grid
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))
    grid-gap: 0 36px
    @media screen and (max-width: 768px)
        // position: fixed
            
